/* 
    Document   : index
    Author     : TaixMiguel
*/

var divs = new Array("clasificacion","novedades","calendario");
var elementoActivo;

// Doy la funcionalidad de cuando se pinche en uno de los botones
var elementosSubmenu = document.getElementsByClassName('elementoSubMenu');

// Recorro todos los elementos del subMenu y le doy la funcionalidad onclick
for (var cont=0; cont < elementosSubmenu.length; cont++)
    elementosSubmenu[cont].onclick = cambiarElemento;

//Actualizo el elementoActivo
elementoActivo = elementosSubmenu[0];
// Pongo como elemento activo el primer elemento del submenu
elementosSubmenu[0].className = 'elementoSubMenuActivo';

function cambiarElemento(){
    // Quito la clase del elemento activo
    elementoActivo.className = 'elementoSubMenu';
    // Oculto el div que se muestra actualmente
    document.getElementById(elementoActivo.id+"View").className = "oculto";
    // Doy la actividad al elemento
    this.className = 'elementoSubMenuActivo';
    // Actualizo el elemento
    elementoActivo = this;
    // Actualizo el div a mostrar
    document.getElementById(this.id+"View").className = "visible";
}